.v-ripple {
	position: absolute;
	z-index: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	color: inherit;
	border-radius: inherit;
	pointer-events: none;
	contain: strict;
	&__animation {
		color: inherit;
		position: absolute;
		background: currentColor;
		opacity: 0;
		will-change: transform, opacity;
		top: 0;
		left: 0;
		pointer-events: none;
		border-radius: 50%;
	}
	&__animation--in {
		transition: transform 0.25s cubic-bezier(0.25, 0.8, 0.5, 1),
			opacity 0.1s cubic-bezier(0.25, 0.8, 0.5, 1);
		opacity: 0.25;
	}
	&__animation--out {
		transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
		opacity: 0;
	}
}
